.app-orgnization {
    width: 100%;
    height: calc(100dvh - 75rpx);
    display: flex;
    flex-direction: column;
    background-color: #f8f8fa;
    box-sizing: border-box;
    padding-bottom: 60rpx;

    .date-wrapper {
        width: 100%;
        box-sizing: border-box;
        padding: 60rpx 30rpx;
        background-color: white;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;

        .date-header {
            // width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;

            > text {
                color: #333333;
                font-weight: 500;
                font-size: 32rpx;
            }

            .header-right {
                display: flex;
                align-items: center;
                gap: 10rpx;

                > text {
                    color: #b6b6b8;
                    font-weight: 400;
                    font-size: 26rpx;
                }

                > image {
                    width: 22rpx;
                    height: 14rpx;
                }
            }
        }

        .date-content {
            width: 100%;
            margin-top: 30rpx;
            display: flex;
            align-items: center;
            gap: 30rpx;
            overflow-x: scroll;
            box-sizing: border-box;
            padding-right: 5rpx;
            padding-bottom: 5rpx;

            &::-webkit-scrollbar {
                display: none;
            }

            .date-item {
                width: 138rpx;
                height: 136rpx;
                flex-shrink: 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(245, 71, 48, 0.1);
                border-radius: 10rpx;
                background-color: #f8f8fa;
                border-radius: 10rpx;
                box-sizing: border-box;

                > text {
                    color: #333333;
                    font-weight: 400;
                    font-size: 30rpx;
                }
            }

            .date-item-active {
                background-color: white;
                border: 1px solid #f54730;
            }
        }
    }

    .org-list {
        width: 100%;
        height: 100%;
        margin-top: 10rpx;
        background-color: white;
        box-sizing: border-box;
        padding: 30rpx;
        display: flex;
        flex-direction: column;
        gap: 30rpx;
        padding-bottom: 195rpx;
        overflow-y: scroll;

        .org-item {
            width: 100%;
            display: flex;
            flex-direction: column;
            box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
            border-radius: 10rpx;
            box-sizing: border-box;
            padding: 30rpx;

            .item-row {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;

                .item-title {
                    color: #161616;
                    font-weight: bold;
                    font-size: 30rpx;
                }

                .item-dist {
                    color: #333333;
                    font-weight: normal;
                    font-size: 26rpx;
                    opacity: 0.5;
                }

                .tag-wrapper {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    gap: 18rpx;

                    .tag-item {
                        text-align: center;
                        box-sizing: border-box;
                        padding: 9rpx 18rpx;
                        color: #76c5ab;
                        font-weight: 400;
                        font-size: 18rpx;
                        background-color: #76c5ab13;
                        border-radius: 4rpx;
                    }

                    .tag-item-active {
                        color: #ff7f36;
                        background-color: #ff7f3613;
                    }
                }

                .item-button {
                    width: 172rpx;
                    height: 60rpx;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 2rpx;
                    background: white;
                    box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.09);
                    flex-shrink: 0;
                    color: #ff7f36;
                    font-weight: normal;
                    font-size: 26rpx;
                    box-sizing: border-box;
                }

                .item-button-active {
                    color: white;
                    background: linear-gradient(to left, #ff7f36 0%, #f54730 100%);
                }
            }

            .item-address {
                width: 450rpx;
                color: #333333;
                font-weight: normal;
                font-size: 26rpx;
                opacity: 0.5;
                margin-top: 30rpx;
                margin-bottom: 18rpx;
            }

            .date-row {
                width: 100%;
                display: flex;
                align-items: center;
                gap: 18rpx;
                overflow-x: scroll;
                margin-top: 18rpx;
                box-sizing: border-box;
                padding-bottom: 5rpx;
                padding-right: 5rpx;

                &::-webkit-scrollbar {
                    display: none;
                }

                .date-item {
                    box-sizing: border-box;
                    padding: 18rpx;
                    background: #f8f8fa;
                    border-radius: 10rpx;
                    text-align: center;
                    color: #333333;
                    font-weight: 400;
                    font-size: 30rpx;
                    flex-shrink: 0;
                    line-height: 30rpx;
                }

                .date-item-active {
                    border: 1rpx solid #f54730ad;
                    box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(245, 71, 48, 0.1);
                }
            }
        }

        .org-item-active {
            border: 1rpx solid #f54730;
        }
    }

    .bottom-wrapper {
        width: 100%;
        height: 225rpx;
        flex-shrink: 0;
        background-color: white;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box;
        padding: 0 30rpx;
        padding-top: 15rpx;
        position: fixed;
        bottom: 0;
        box-shadow: 0rpx 0rpx 6rpx 1rpx rgba(0,0,0,0.15);

        .bottom-row {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 42rpx;

            > text {
                color: #333333;
                font-weight: 400;
                font-size: 30rpx;
            }

            .price-text {
                color: #f54730;
            }

            .count-text {
                color: #278d87;
            }
        }

        .bottom-button {
            width: 100%;
            height: 80rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(180deg, #ff7f36 0%, #f54730 100%);
            border-radius: 51rpx;
            color: white;
            font-weight: 400;
            font-size: 30rpx;
            margin-top: 10rpx;
        }
    }
}
.picker-text{
	color: #b6b6b8;
	font-weight: 400;
	font-size: 26rpx;
}